<template>
    <div class="father">
        <div>
            父组件 fatherMoney：{{ fatherMoney }}，house：{{ house }}

        </div>
        <Child :money="fatherMoney" :house="house" :tel="tel"></Child>


    </div>
</template>

<script setup lang="ts" name='Father'>
import { ref, reactive } from "vue";

import Child from "./Child.vue";

const fatherMoney = ref(100);
const house = ref('富力江湾1号');

function tel() {
    fatherMoney.value--;
}



</script>

<style scoped>
.father {

    min-height: 150px;
    padding: 20px;
    background-color: cadetblue;
    border-radius: 10px;

}
</style>